import React from 'react';
import ReactDOM from 'react-dom';


// props外部传入
// state 相当于vue中的data

class HelloMessage extends React.Component {
    render() {
        return (
            <h1>Hello, {this.props.name}</h1>    //class中的this.props
        );
    }
}

//可以设置默认的props
HelloMessage.defaultProps = {
    name: 'Runoob0'
};

const element = <HelloMessage name="Runoob1"/>;

ReactDOM.render(
    element,
    document.getElementById('example')
);


//复杂的state
// 类组件
// setState会自动合并第一层属性 但是并不会合并第二层属性 使用Object.assign或者...操作符

// 函数组件
//函数组件的setX则完全不会帮你合并 要合并自己用...操作符去合并把